*{
	margin:0;
	padding:0;
}
body{
	background-color:#F2F2F2;
	height:2000px;
}
ul,ol,li{
	list-style: none;
}
#btn{
	position:absolute;
	right:14%;
	top:14px;
	cursor:pointer;
	width:80px;
	height:0px;
	line-height:30px; 
	padding-bottom:30px;
	text-align:center;	
	border-radius:10px;
	display:block;
	background:#A1D6DB;	
}
.nav{
	width:100%;
	height:50px;
	line-height: 50px;
	background-color:#5D6063;
	position:relative;
}
.use{
	line-height:40px;
	display:block;
	width:150px;
	height:30px;
	position:absolute;
	right:247px;
	top:10px;
	color:#fff;
	cursor:pointer;
}
.nav>ul{
	margin-left:100px;
}
.nav>ul>li{
	margin-left:30px;
	float:left;
}
a{
	text-decoration: none;
	color:#fff; 
}
a:hover{
	color:#fff;
}
.erji{
	position:absolute;
	font-size:13px;
	display:none;
	height:300px;
}
.erji a{
	color:#fff;
}
.erji>li{
	padding:0;
	margin:0;
}
.login a{
	margin-left:300px;
}
.my_lunbo{
	width:100%;
	height:600px;
}
/*-------------------主体内容-------------------------------*/
.content{
	width:1200px;
	height:1000px;
	margin:0 auto;
	margin-top:30px;
	position:relative;
}
.con{
	width:570px;
	height:630px;
	background:blue;
	position:relative;
}
.list{
	width:100%;
	height:100%;
	list-style:none;
	position:relative;
	padding-left:0;
}
.item>img{
	width:100%;
	height:100%;
}
.item{
	width:100%;
	height:100%;
	position:absolute;
}
.btn{
	width:50px;
	height:100px;
	position:absolute;
	top:250px;
	z-index:100;
	border:0;
	border-radius:5px;
	background-color:rgba(255,255,255,.1)
}
#gonext{
	right:0px;
}
.item.active{
	z-index:10;
}
.js{
	color:#fff;
	position:absolute;
	top:535px;
	left:20px;
}
.ck{
	color:#fff;
	position:absolute;
	top:570px;
	left:20px;
}
.dji{
	width:600px;
	height:310px;
	background:#000;
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
}
.dji>img{
	width:100%;
	height:100%;
	transition:all 1s;
}
.dji>img:hover{
	transform:scale(1.1)
}
.wenzi{
	position:absolute;
	top:100px;
	right:60px;
}
.wen{
	position:absolute;
	top:147px;
	right:133px;
}
.ron{
	margin-top:10px;
	width:600px;
	height:300px;
	position:absolute;
	top:320px;
	right:0px;
	overflow:hidden;
}
.ron>img{
	width:100%;
	height:100%;
	transition:all 1s;
}
.ron>img:hover{
	transform:scale(1.1)
}
.wz{
	color:#000;
	position:absolute;
	top:150px;
	left:20px;
	cursor:pointer;
}
.w{
	position:absolute;
	top:200px;
	left:20px;
	color:#000;
	cursor:pointer;
}
.ron:hover{
	box-shadow: 0px 0px 3px 1px #94999c;
}
.zy{
	margin-top:30px;
	position:relative;
	width:570px;
	height:300px;
	background:red;
	overflow:hidden;
}
.zy:hover{
	box-shadow: 0px 0px 3px 1px #94999c;
}
.zy>img{
	width:100%;
	height:100%;
	transition:all 1s;
}
.zy>img:hover{
	transform:scale(1.1)
}
.zy1{
	position:absolute;
	top:190px;
	left:20px;
	cursor:pointer;
}
.zy2{
	position:absolute;
	top:240px;
	left:20px;
	cursor:pointer;
}
.hy{
	margin-top:30px;
	position:absolute;
	width:600px;
	height:300px;
	background:red;
	overflow:hidden;
	top:630px;
	right:0px;
}
.hy>img{
	width:100%;
	height:100%;
	transition:all 1s;
}
.hy>img:hover{
	transform:scale(1.1)
}
.hy:hover{
	box-shadow: 0px 0px 3px 1px #94999c;
}
.foot{
	margin-top:30px;
	width:100%;
	height:150px;
	background:#fff;
	display:flex;
}
.buy{
	border-left:2px solid #94999C;
	margin-top:50px;
	width:300px;
	height:53px;
}
.buy:hover{
	border-left:2px solid #000;
	cursor:pointer;
}
.buy2{
	border-left:2px solid #94999C;
	margin-top:50px;
	margin-left:80px;
	width:300px;
	height:55px;
}
.buy3{
	border-left:2px solid #94999C;
	margin-left:80px;
	margin-top:50px;
	width:300px;
	height:55px;
}
.qu{
	font-size:25px;
	color:#303233;
	margin-left:50px;
}
.qu2{
	font-size:14px;
	color:#303233;
	margin-left:50px;
}
.buy2:hover{
	border-left:2px solid #000;
	cursor:pointer;
}
.buy3:hover{
	border-left:2px solid #000;
	cursor:pointer;
}
/*底部导航*/
.my_footer{
	margin-top:90px;
	width:100%;
	height:670px;
}